* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	text-align:center; /* horizontal centering for IE Win quirks */
	background: #1a1a1a url(../images/bg.png);
}
#loginPAGE {
}
#loginBOX {
	position:absolute;
	width:490px;
	height:220px;
	top:50%;
	left:50%;
	margin-top:-150px; /* la mitad de lo que mida el div de altura */
	margin-left:-245px; /* la mitad de lo que mida de ancho */
	border:1px solid #404040;
	background: #282828 url(../images/login_bg.gif);
}
#logo_login_home {
	background: url(../images/login/logo_login_home.png) no-repeat;
	z-index:2;
	top:5px;
	left:10px;
	width:232px;
	height:82px;		
	position:absolute;
}
#imagen_login_home {
	z-index: 1;
	right:0;
	top:0;
	height: 220px;
	width: 196px;
	position: absolute;
}
.shadow {
	-moz-box-shadow: 0px 0px 7px 2px #333333; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 2px #333333; /* Safari, Chrome */
	box-shadow: 0px 0px 7px 2px #333333; /* CSS3 */
}
.rounded {
	/* CSS3 */
	border-radius:         8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:    8px;
	-o-border-radius:      8px;
	-khtml-border-radius:  8px;
}

.roundedS {
	/* CSS3 */
	border-radius:         4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	-o-border-radius:      4px;
	-khtml-border-radius:  4px;
}

.roundedBtn {
	/* CSS3 */
	border-radius:         2px;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	-o-border-radius:      2px;
	-khtml-border-radius:  2px;
}


/* IMAGENES ESTADOS */
.monitoreo {
	background: url(../images/login/monitoreo.png) no-repeat 0 0;
}
.construccion {
	background: url(../images/login/construccion.png) no-repeat 0 0;
}
.email {
	background: url(../images/login/email.png) no-repeat 0 0;
}
.firebug {
	background: url(../images/login/firebug.png) no-repeat 0 0;
}
.llave {
	background: url(../images/login/llave.png) no-repeat 0 0;
}
.candado {
	background: url(../images/login/candado.png) no-repeat 0 0;
}

/* FOOTER */
#loginFOOTER {
height:50px;
left:50%;
margin-left:-245px;
margin-top:92px;
padding:10px;
position:absolute;
text-align:center;
top:50%;
width:470px;
}

.textWelcome{
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
	font-size: 10px;

}
.textWelcome a{
	color: Gray;
	text-decoration: none;
}

/* -----------------------------------------------------------------------

 RMSforms CSS Forms Framework 0.5
 http://rmsjr.com

   * Copyright (c) 2009-Present.

----------------------------------------------------------------------- */

/* CONTAINING DIV */
.formContainer {
	font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:120%;
	margin-left:6px;
	margin-top:70px;
	overflow:visible;
	padding:5px;
	width:380px;
}

/* GLOBALS */
body{ background-color:#000;}
form{ margin:0; padding:0;}
li{ width:100%; float:left;}
ul{ margin:0; padding:0; list-style:none; overflow:hidden; height:1%; }
fieldset {
	border:1px dotted #4D4D4D;
	display:block;
	margin-bottom:40px;
	color:#F0FFFF;
}
h2{ font-size:12px;}
ul li ul{ background-color:#F8F3B8}
em{color:#FF0000;}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* BASE FORM CLASS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.form { margin:0 0 0 0; padding:10px; list-style:none;}
.form ul{ padding:2px 5px 5px 5px; overflow:hidden; height:1%; }
.form label{ width:70px; padding:3px 5px 3px 0px; float:left; display:inline; }
.form li{margin:3px 0 0 0; padding-bottom:3px; }
.form li ul li{ border-bottom:0px solid #ff0000;}
.form input{ float:left; display:inline; line-height:100%; margin-right:3px;}
.form select{ float:left; display:inline;}
.form textarea{ float:left; display:inline;}
.form input[type='radio'] { border:0px; }
.form input[type='checkbox'] { border:0px; }

.form input, .form select, .form textarea{
	font-size:12px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* FORM MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
All of the modifier classes should be applied to form uls and are used to present the structure: <li><label></label><input/></li>.
Each letter represented in the class name represents the orientation of the li - label - input elements respectively.

h = horizontal block element (floated left)
v = vertical block element 
i = inline element

for example, the class:.hvv  =  [LI:Horizontal Block Element]  [LABEL:Verticle block element]  [INPOUT:Vertical block element]
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
.vvv li { display:block; clear:both; width:100%;} 
.vvv label{ display:block;  width:100%; clear:both; float:none;} 
.vvv input{ display:block; float:left;}
.vvv select{ display:block; float:left;}
.vvv textarea{ display:block; float:left;}

.hvv{ overflow:hidden; height:1%; }
.hvv li{ float:left; margin-right:10px; display:inline; width:auto; clear:none; }
.hvv label{ display:block; width:auto; float:none;  }
.hvv input{ display:block;}
.hvv select{ display:block;}
.hvv textarea{ display:block;}

.hii{ overflow:hidden; height:1% }
.hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;}
.hii input{ display:inline; vertical-align:middle; }
.hii select{ display:inline; vertical-align:middle;}
.hii textarea{ display:inline; vertical-align:middle;} 
.hii li li{ clear:both; } /* reset second level lis */

.hhh{ overflow:hidden; height:1% }
.hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hhh label{ float:left; width:100px; }
.hhh input{ float:left}
.hhh select{ float:left}
.hhh textarea{ float:left} 
.hhh li li{ clear:both; } /* reset second level lis */

.vii{ float:left; display:inline; width:auto}
.vii li{ display:block; float:left; width:auto; clear:both;}
.vii label{ display:inline; width:auto; vertical-align:middle; float:none;}
.vii input{display:inline;  vertical-align:middle;  float:none; }
.vii select{ display:inline;  vertical-align:middle;  float:none;}
.vii textarea{display:inline;  vertical-align:middle;  float:none;}

.vhh{  float:left; display:inline;}
.vhh li{ display:block; clear:both; float:left; width:auto; border-bottom:3px solid #efefef}
.vhh label{ float:left; width:100px; display:inline; }
.vhh input{ float:left; display:inline;}
.vhh select{ float:left; display:inline;}
.vhh textarea{ float:left; display:inline;}

 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* LABEL MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

label.v { display:block; float:none; width:auto; padding:3px; text-align:left}
label.h { display:block; float:left; width:auto; display:inline;}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* MULTI-SELECT BOX */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }
.multiSelect .form{ height:auto; margin:0; padding:0; border:0;}
.multiSelect .vhh{ margin:0; padding:0;}
.multiSelect .vhh input{ float:left; } 
.multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; }
.multiSelect .vhh li{ overflow:hidden; width:100%}
.multiSelect .vii li{ width:100%;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* OTHER STYLES */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* COLOR CODE - FOR CLARIFICATION & DEBUGGING
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; }*/

/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder{ border:0px;}

/* REQUIRED FIELD STLES */
.requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; }
.required{ color:#FF0000;}
.required label:Before{ content:"* "}
.requiredDesignation:before{ content:"* " }

/* FORM NOTES */
.leftNote{
	padding:3px 5px 0 5px;
	color:#59A8F2;
	float:left
}
.bottomNote{ padding:0; color:#FF9933;  clear:both; display:block;}
.tar label{ text-align:right;}

/* GENERAL TWEAKING STYLES */
.fl{ float:left;}
.cb{ clear:both;}
.w100p{ width:100%;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.offset1{ margin-left:130px;}
.offset2{ margin-left:105px;}


.notaAdvertencia {
	background-color:#FFBABA;
	color: #D8000C;
	border:1px #D8000C solid;
	font-family:arial;
	font-size:11px;
	left:10px;
	padding:6px 6px 6px 8px;
	position:absolute;
	text-align:left;
	top:100px;
	width:265px;
	z-index:10;
}

.notaImportante {
color:#AED7FF;
font-family:tahoma;
font-size:10px;
padding:2px 2px 2px 6px;
position:absolute;
right:10px;
text-align:justify;
top:24px;
width:226px;
z-index:10;
}

.activateCtaBGimage{
	width: 500px;
	height: 299px;
	background:url(../imagenes/ft_activatecta.png) no-repeat  !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/ft_activatecta.png');
}

.forgotPasswordBGimage{
	width: 500px;
	height: 299px;
	background:url(../imagenes/ft_forgotpassword.png) no-repeat  !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/ft_forgotpassword.png');
}

#divCargando {
color:PaleTurquoise;
font-family:Arial,helvetica;
font-size:10px;
height:50px;
left:50%;
margin-left:-245px;
margin-top:75px;
position:absolute;
text-align:center;
top:50%;
width:470px;
}

/* BOTONES LOGIN */
.formContainer button {
background-color:#565656;
border:1px solid #6D6D6D;
color:#DFF4FF;
cursor:pointer;
display:block;
float:left;
font-family:Tahoma,Verdana,sans-serif;
font-size:100%;
font-weight:normal;
line-height:130%;
margin:0 7px 0 0;
padding:5px 10px 6px 7px;
text-decoration:none;
}
.formContainer button{
    width:auto;
    overflow:visible;
    padding:1px 1px 3px; /* IE6 */
}
.formContainer button[type]{
    padding:1px 1px 3px; /* Firefox */
    line-height:17px; /* Safari */
}
.formContainer button[type] {
	line-height:11px;
	padding:2px 2px 3px 3px;
}
.formContainer button[type] {
line-height:11px;
padding:1px 1px 3px;
}
*:first-child+html button[type]{
    padding:1px 1px 3px; /* IE7 */
}
.formContainer button img, .formContainer a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
}
/* STANDARD */
button:hover{
	background-color:#6F6F6F;
	border:1px solid #8891A2;
	color:#DFF4FF;
}

/* POSITIVE */
button.positive{
    color:#529214;
}
button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

/* NEGATIVE */
button.negative{
    color:#d12f19;
}
button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}